<%--
  Created by IntelliJ IDEA.
  User: M1523
  Date: 2025/3/20
  Time: 11:14
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" isELIgnored="false"  %>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../bootstrap/css/bootstrap.min.css">
	<script src="../bootstrap/js/jquery-2.1.0.min.js"></script>
	<script src="../bootstrap/js/bootstrap.min.js"></script>
    <style>
       .cus-container{
           width: 1368px;
       }
       #user-add .modal-content{
       	padding: 0 20px 20px;	
       }
       #user-edit .modal-content{
       	padding: 0 20px 20px;	
       }
       #user-list td{
			vertical-align: middle;
	   }
    </style>
</head>
<body>
	
    <div class="container cus-container">
        <!-- <h3 class="text-center">用户信息列表</h3> -->

        <div>
            <!-- 搜索框div -->
            <div id="search-user" style="float: left; margin: 10px 0px;">
                <form class="form-inline" action="" method="get">
                    <div class="form-group">
                        <input type="text" name="name" value="" class="form-control" placeholder="请输入关键字" id="exampleInputName2" >
                    </div>
                   
                    <button type="button" class="btn btn-default" onclick="search()">查询</button>
                    <button type="button" class="btn btn-default" onclick="clear()">清空</button>
                </form>    
            </div>
            
            <!-- 添加、删除的按钮 -->
            <div style="float: right;margin: 10px 0px;">
                <a class="btn btn-primary" onclick="openUserAdd()">添加用户</a>
                <a class="btn btn-primary" onclick="deleteByPath()">删除选中</a>
        
            </div>
        </div>

      
       <table class="table table-bordered clearfix" id="user-list">
        <thead>
        	<tr class="bg-success">	            
	            <th>名称</th>
	            <th>访问路径</th>
	            <!-- <th>组件路径</th> -->
	            <th>操作</th> 
	        </tr> 
        </thead> 
        <tbody>
        
        <tr>
            <td>订单管理</td>
            <td>/order</td>
            <td>
				<a class="btn btn-default btn-sm" href="add.jsp" target="myFrame">添加菜单</a>&nbsp;
				<a class="btn btn-default btn-sm" href="role.html">修改</a>&nbsp;
                <a class="btn btn-default btn-sm" href="">删除</a>
			</td>
        </tr>
		<tr>
            <td style="padding-left:30px">订单列表</td>
            <td>/order</td>
            <td>				
				<a class="btn btn-default btn-sm" href="role.html">修改</a>&nbsp;
                <a class="btn btn-default btn-sm" href="">删除</a>
			</td>
        </tr>
		<tr>
            <td style="padding-left:30px">订单列表</td>
            <td>/order</td>
            <td>				
				<a class="btn btn-default btn-sm" href="role.html">修改</a>&nbsp;
                <a class="btn btn-default btn-sm" href="">删除</a>
			</td>
        </tr>
        
         </tbody>      
      </table>

    	<!-- 分页导航 -->
      <div>
          <!-- 分页导航 -->
        <nav style="float: left;">
            <ul class="pagination">
              <li>
                <a href="#" aria-label="Previous">
                  <span aria-hidden="true">&laquo;</span>
                </a>
              </li>
              <li><a href="#">1</a></li>
              <li><a href="#">2</a></li>
              <li><a href="#">3</a></li>
              <li><a href="#">4</a></li>
              <li><a href="#">5</a></li>
              <li>
                <a href="#" aria-label="Next">
                  <span aria-hidden="true">&raquo;</span>
                </a>
              </li>
            </ul>
        </nav>
        <div style="float: right;margin-top: 25px;">
            <span>共100条记录，分20页显示</span>
        </div>
      </div>
    </div>
    
    
</body>
</html>